@import "./../backgrounds.scss";
@import "./../variables.scss";

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "方正兰亭", “宋体”, Microsoft YaHei, Arial, sans-serif;
  font-weight: 500;
  padding-right: 0 !important;
}
.family-cg {
  font-family: "Carrois Gothic", verdana, arial;
}
// 字体定义
@font-face {
  font-family: hzgb;
  src: url(~@/styles/fonts/hzgb_GBK.TTF);
}
@font-face {
  font-family: fzcqk;
  src: url(~@/styles/fonts/FZCQK.TTF);
  font-weight: 100;
}
@font-face {
  font-family: syht;
  src: url(~@/styles/fonts/siyuan_cn.otf);
}
@font-face {
  font-family: simsun;
  src: url(~@/styles/fonts/simsun.ttf);
}
// @font-face {
//   font-family: "方正兰亭";
//   src: url(~@/styles/fonts/xih.ttf);
//   font-weight: 200;
// }
// @font-face {
//   font-family: "方正兰亭";
//   src: url(~@/styles/fonts/xh_GBK.ttf);
//   font-weight: 300;
// }
// @font-face {
//   font-family: "方正兰亭";
//   src: url(~@/styles/fonts/h.TTF);
//   font-weight: 400;
// }
// @font-face {
//   font-family: "方正兰亭";
//   //   src: url(~@/styles/fonts/zh_GBK.TTF);
//   font-weight: 500;
// }
// @font-face {
//   font-family: "方正兰亭";
//   src: url(~@/styles/fonts/zhh_GBK.TTF);
//   font-weight: 600;
// }
// @font-face {
//   font-family: "方正兰亭";
//   src: url(~@/styles/fonts/zch_GBK.ttf);
//   font-weight: 700;
// }
// @font-face {
//   font-family: "方正兰亭";
//   src: url(~@/styles/fonts/dh_GBK.ttf);
//   font-weight: 800;
// }

// 字体样式
.title-1 {
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 0.2em;
}
.title-1b {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.2em;
}
.title-1-sub {
  @extend .title-1;
  font-size: 20px;
  letter-spacing: 2px;
}

.title-2 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2em;
}

.title-3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.title-4 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2em;
}
.small {
  font-size: 12px;
}

.sub-title {
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 2px;
}
.big-number {
  letter-spacing: 0px;
  font-size: 21px;
  font-weight: 600;
}
.content {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.content-bold {
  @extend .content;
  font-weight: 600;
}

//字体颜色
.color-white {
  color: white;
}
.color-active {
  color: $active;
}
.color-active-light {
  color: $active-light;
}
.color-primary {
  color: $--color-primary;
}
.color-primary1 {
  color: $--color-primary1;
}
.color-warning {
  color: $--color-warning;
}
.color-danger {
  color: $--color-danger;
}
.color-success {
  color: $--color-success;
}
.color-warning1 {
  color: $--color-warning1;
}
.color-gray {
  color: $--color-gray;
}
.color-drak {
  color: $--color-drak;
}
.color-info {
  color: rgb(158, 158, 158);
}

.text-color {
  color: #b5d9ff;
}

// 字体hover
.hover-color-active {
  &:hover {
    @extend .active;
  }
}
.hover-color-white {
  &:hover {
    @extend .color-white;
  }
}

//字体排布
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.text-index2em {
  text-indent: 2em;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.family-hzgb {
  font-family: hzgb;
}
.family-fzcqk {
  font-family: fzcqk;
}
.family-syht {
  font-family: syht;
}
.family-simsun {
  font-family: simsun;
}
